<template>
      <!-- 搜索框 -->
    <view class="g-search">
        <image src= "../../static/searchIcon.png" class="m-serchIcon"></image>
        <input type="search" class="m-searchInput" placeholder="搜索精彩路演">
    </view>
</template>

<script lang="ts">
import Vue from "vue";
export default Vue.extend({
  data() {
    return {};
  },
  onLoad() {},
  methods: {}
});
</script>

<style lang="scss">
.g-search {
  background: #FFF;
  border-radius: 30upx;
  height: 60upx;
  line-height: 60upx;
  padding: 0 25upx;
  position: relative;
  margin-bottom: 30upx;
}
.m-serchIcon {
  width: 25upx;
  height: 27upx;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.m-searchInput {
  width: 90%;
  height: 60upx;
  line-height: 60upx;
  display: inline-block;
  margin-left: 40upx;
  font-size: 24upx;
}
</style>
